<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="description" content="ulthon_admin - 一款基于ThinkPHP8和Layui的快速开发的后台管理框架系统">
    <meta name="author" content="ulthon_admin">
    <meta name="keywords" content="tp8后台,curd后台,layui后台,ulthon_admin,ulthon_admin官网,ThinkPHP8框架,layui前端框架,后台快速开发框架,php框架">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>ulthon_admin | 一款基于ThinkPHP8和Layui的快速开发的后台管理框架系统</title>
    <link rel="stylesheet" href="//layui.ulthon.com/cdn/layui-ul.css">
    <link rel="stylesheet" href="__STATIC__/common/css/welcome.css?v={$version}">
    <link rel="stylesheet" href="/static/plugs/layui-v2.10.1/css/layui.css">
    <script src="/static/plugs/layui-v2.10.1/layui.js"></script>


</head>

<body>
    <div id='app'>
        <!-- 头部-->
        <header>
            <!-- logo -->
            <p class="left logo-box">
                <i class="img-logo-header logo"></i>
                <a href="http://admin.demo.ulthon.com">ulthon_admin</a>
            </p>
            <div class="right">
                <!-- 导航-->
                <div class="navbar">
                    {foreach $navbar as $vo}
                    <a class="navbar-item {if $vo.active===true}active{/if}" href="{$vo.href}" target="{$vo.target}">{$vo.name}</a>
                    {/foreach}
                </div>
                <!-- git统计-->
                <div class="github-btns">
                    <a href='https://gitee.com/ulthon/ulthon_admin/stargazers'><img src='https://gitee.com/ulthon/ulthon_admin/badge/star.svg?theme=dark' alt='star'></img></a>
                    <a href='https://gitee.com/ulthon/ulthon_admin/members'><img src='https://gitee.com/ulthon/ulthon_admin/badge/fork.svg?theme=dark' alt='fork'></img></a>
                </div>
            </div>
        </header>

        <div class="home-main">
            <div class="title">
                <p><i class="name img-name"></i></p>
                <p class="desc">{$data.description|default=''}</p>
                <p class="operation">
                    <a class="start" href="{:__url('admin/Index/index')}"> 进入后台</a>
                    <a class="start" target="_blank" href="http://doc.ulthon.com/home/read/ulthon_admin/home.html"> 起步 <i class="icon-play"></i></a>

                    <a class="gitee button-grya" target="_blank" href="https://gitee.com/ulthon/ulthon_admin"><i class="icon-gitee"></i>Gitee</a>
                </p>
            </div>
            <!-- 框架皮肤-->
            <div class="introduction">
                <!-- 特性标题-->
                <div class="top">
                    <div class="part-title">
                        <p class="text">特效皮肤</p>
                        <p class="line"></p>
                    </div>
                    <p class="part-desc">
                        后台框架千千万，这样酷的不多见。除了简单地导航菜单的皮肤设置外，还支持一键设置多种特效皮肤。所有样式仅通过css实现，无需修改任何HTML结构。
                    </p>
                </div>
                <!-- 特性介绍-->
                <div class="bottom">
                    {foreach $skin as $vo}
                    <div class="item shadow img-preview" data-src="{$vo.preview_image}">
                        <div class="ul-info-card" style="height: 100%;">
                            <div class="header" style="cursor: pointer;">
                                <div class="img" style="background-image: url('{$vo.preview_image}');">
                                </div>
                            </div>
                            <div class="body">
                                <div class="title" style="padding-bottom: 0;">
                                    {$vo.name}
                                </div>
                                <div class="line">
                                </div>
                                <div class="info" style="padding: 0 15px;">
                                    <div class="info-item" style="padding-bottom:10px;width: 100%;border-bottom: 0;">
                                        <div class="info-title">简介</div>
                                        <div class="info-value" style="min-height: 45px;">{$vo.description}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {/foreach}
                </div>
            </div>
            <!-- 框架特性-->
            <div class="introduction">
                <!-- 特性标题-->
                <div class="top">
                    <div class="part-title">
                        <p class="text">系统描述</p>
                        <p class="line"></p>
                    </div>
                    <p class="part-desc">
                        {$data.system_description|default=''}
                    </p>
                </div>
                <!-- 特性介绍-->
                <div class="bottom">
                    {foreach $feature as $vo}
                    <div class="item">
                        <p class="item-title"><span>{$vo.name}</span></p>
                        <p class="item-desc">{$vo.description}</p>
                    </div>
                    {/foreach}
                </div>
            </div>
        </div>

        <div class="introduction">
            <!-- 特性标题-->
            <div class="top">
                <div class="part-title">
                    <p class="text">免责声明</p>
                    <p class="line"></p>
                </div>
                <p class="part-desc">
                    任何用户在使用`ulthon_admin`后台框架前，请您仔细阅读并透彻理解本声明。您可以选择不使用`ulthon_admin`后台框架，若您一旦使用`ulthon_admin`后台框架，您的使用行为即被视为对本声明全部内容的认可和接受。
                </p>
            </div>
            <!-- 特性介绍-->
            <div class="bottom">
                <p class="item-desc"> `ulthon_admin`后台框架是一款开源免费的后台快速开发框架 ，主要用于更便捷地开发后台管理；其尊重并保护所有用户的个人隐私权，不窃取任何用户计算机中的信息。更不具备用户数据存储等网络传输功能。</p>
                <p class="item-desc"> 您承诺秉着合法、合理的原则使用`ulthon_admin`后台框架，不利用`ulthon_admin`后台框架进行任何违法、侵害他人合法利益等恶意的行为，亦不将`ulthon_admin`后台框架运用于任何违反我国法律法规的 Web 平台。</p>
                <p class="item-desc">任何单位或个人因下载使用`ulthon_admin`后台框架而产生的任何意外、疏忽、合约毁坏、诽谤、版权或知识产权侵犯及其造成的损失 (包括但不限于直接、间接、附带或衍生的损失等)，本开源项目不承担任何法律责任。</p>
                <p class="item-desc">用户明确并同意本声明条款列举的全部内容，对使用`ulthon_admin`后台框架可能存在的风险和相关后果将完全由用户自行承担，本开源项目不承担任何法律责任。</p>
                <p class="item-desc">任何单位或个人在阅读本免责声明后，应在《木兰 开源许可证》所允许的范围内进行合法的发布、传播和使用`ulthon_admin`后台框架等行为，若违反本免责声明条款或违反法律法规所造成的法律责任(包括但不限于民事赔偿和刑事责任），由违约者自行承担。</p>
                <p class="item-desc">如果本声明的任何部分被认为无效或不可执行，其余部分仍具有完全效力。不可执行的部分声明，并不构成我们放弃执行该声明的权利。</p>
                <p class="item-desc">本开源项目有权随时对本声明条款及附件内容进行单方面的变更，并以消息推送、网页公告等方式予以公布，公布后立即自动生效，无需另行单独通知；若您在本声明内容公告变更后继续使用的，表示您已充分阅读、理解并接受修改后的声明内容。</p>
            </div>
        </div>
    </div>

    <!-- 底部-->
    <footer class="site-footer">
        <div class="container">
            <p class="protocol">遵循 木兰 开源协议 </p>
            <p class="beian-number">Copyright © （填你自己的）版权所有，并保留所有权利 | <a target="_blank" href="http://www.miitbeian.gov.cn">（填你自己的）</a></p>
            <p>Site designed by <a href="https://gitee.com/ulthon" target="_blank">ulthon</a></p>
        </div>
    </footer>
    <script>
        $ = layui.$;

        $('.img-preview .header').click(function () {
            layer.photos({
                photos: {
                    "title": "特效皮肤", //相册标题
                    "id": 1, //相册id
                    "start": 0, //初始显示的图片序号，默认0
                    "data": [   //相册包含的图片，数组格式
                        {
                            "alt": $(this).closest('.img-preview').find('.title').text(),
                            "pid": 666, //图片id
                            "src": $(this).closest('.img-preview').data('src'), //原图地址
                        }
                    ]
                }
            })
        })
    </script>
    {:sysconfig('site','site_js_insert')}
</body>

</html>